<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title><?php echo CHtml::encode($this->pageTitle); ?></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/datn2011.css" media="all" />
    <style type="text/css">
        body { 
    margin: 0; padding: 0; color: #333;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 12px; background: #f5f5f5;
}
input { border: 1px solid #d4d4d4;
/*        -webkit-border-radius: 5px ;
    -moz-border-radius: 5px ;
    border-radius:5px;*/

}
a { color: #345F89; text-decoration: none;}
a:hover { color:#9C703B; text-decoration: none; }

/*Common style */
.radius-5px {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.radius-8px {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.bg-1 {background: #f5f5f5;}
.bg-2 { background: #f0f0f0;}
.content { width: 90%; margin: 0 auto;}
.selected { font-weight: bold;}

/*Icon style */
.home-icon { background: url('images/home.png') no-repeat left center; padding-left: 18px; }
.people-icon {background: url('images/users.png') no-repeat left center; padding-left: 18px;}
.contact-icon {background: url('images/telephone.png') no-repeat left center; padding-left: 18px;}
.shop-cart-icon {background: url('images/shopping_cart.png') no-repeat left center; padding-left: 18px;}
.login-icon {background: url('images/user.png') no-repeat left center; padding-left: 18px;}
.register-icon {background: url('images/login.png') no-repeat left center; padding-left: 18px;}
.address-icon {background: url('images/world_globe.png') no-repeat left center; padding-left: 18px;}
.phone-icon {background: url('images/telephone.png') no-repeat left center; padding-left: 18px;}
.mail-icon {background: url('images/email.png') no-repeat left center; padding-left: 18px;}
.chat-icon {background: url('images/comment_bubble.png') no-repeat left center; padding-left: 18px;}

/*Header style*/
#header {
    border-bottom: none; float: left;
    width: 100%; padding-bottom: 10px; padding-top: 10px;
    background: none; border-top: none;  border-bottom: 5px solid #d4d4d4;
}
#header .logo { border: none; float: left;}
#header ul { 
    list-style: none; margin: 0; padding: 0; float: left;
}
#header ul li {
    display: inline; text-transform: uppercase;
    margin: 0; padding: 0; float: left; margin-left: 5px;
}
#header ul li a { padding: 10px; float: left; color: #666;}
#header ul li a.selected  { background: #fff;
-webkit-border-radius: 8px ;
    -moz-border-radius: 8px ;
    border-radius:8px ;
    box-shadow :1px 1px 5px #333;
}
 #header ul li a:hover {
     background: #eee;
     -webkit-border-radius: 8px;
    -moz-border-radius: 8px ;
    border-radius:8px;
    box-shadow :1px 1px 5px #333;
 }
#header ul li a span { }
#header .user-guide { 
    float: right; padding: 8px; 
    box-shadow :1px 1px 5px #d4d4d4;
    -webkit-border-radius: 8px ;
    -moz-border-radius: 8px ;
    border-radius:8px ;
}

#container { float: left; width: 100%; clear: both; background: #fff;}
/*Container style*/
#navagation { border-bottom: 1px solid #eee; float: left;  width: 100%; height: 30px;line-height: 30px; clear: both; }
#navagation ul { float: left; list-style: none; margin: 0; padding: 0;}
#navagation ul li { display:  inline; float: left; color: #aaa; padding-right: 15px;  }

#navagation div { float: right;}

/*Footer style*/
#footer { float: left; width: 100%; clear: both; border-top: 5px solid #eee;}
#footer ul { list-style: none; margin: 0; padding: 0; float: left; padding-bottom: 5px;}
#footer ul li { padding: 5px 0; color: #666;}
#footer div div { float: right;}
#footer p { clear: both; text-align: right; color: #aaa;  border-top:  1px  dashed #d4d4d4; padding-top: 5px;}
#main { clear: left; float: left; padding-top:10px; padding-bottom: 10px; width: 100%;}
#main .search-form { float: left; width: 47%; padding: 1% 1% 1% 2%;}
#main .search-form h2 { color: #345F89; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold;}
#main .search-form input { width: 90%; height: 40px;}
#main .search-form .desc { color: #aaa;}
    </style>
  </head>
  <body>
      <div id="header" class="bg-1">
        <div class="content">
            <a class="logo" href=""><img src="images/rss_feed.png" alt="SCM.VN" /></a>
            <ul>
               
                <li><a class=" selected" href="<?php echo Yii::app()->request->baseUrl; ?>"><span class="home-icon">Trang chủ</span></a></li>

                <li><a  href=""><span class="contact-icon">Liên hệ</span></a></li>
            </ul>
            <div class="user-guide bg-2">
                <a class="shop-cart-icon" href="<?php echo Yii::app()->request->baseUrl; ?>/index.php?r=shop/shoppingCart/view">
                   Giỏ hàng <b></b>
                </a>
                <script type="text/javascript">
                    $(document).ready(function(){
                        $('#reg').click(function(){
                            $('.reg-option').toggle();
                        })
                       
                        
                    });
                    
            </script>
                <?php if(Yii::app()->user->isGuest): ?>
                <a class="login-icon" href="<?php echo Yii::app()->request->baseUrl; ?>/index.php?r=user/login">Đăng nhập</a>
                <a class="register-icon" id="reg" >
                    Đăng kí
                <div class="reg-option">
                    <a  href="<?php echo Yii::app()->request->baseUrl; ?>/index.php?r=user/registration">Đăng kí người sử dụng thường</a>
                    <a  href="<?php echo Yii::app()->request->baseUrl; ?>/index.php?r=user/registration/supplier">Đăng kí đơn vị cung cấp</a>
                    <a  href="<?php echo Yii::app()->request->baseUrl; ?>/index.php?r=user/registration/transporter">Đăng kí đơn vị vận chuyển</a>
                </div>
                </a>

                <?php else : ?>
                <a class="login-icon" href="<?php echo Yii::app()->request->baseUrl; ?>/index.php?r=user/profile">Cá nhân</a>
                <a class="register-icon" href="<?php echo Yii::app()->request->baseUrl; ?>/index.php?r=user/logout">Đăng xuất</a>
                <?php endif; ?>
            </div>
        </div>
    </div>
    <div id="container">
        <div class="content">
            <div id="navagation">
                <ul>
                    <li><span class="address-icon"><?php echo Yii::app()->params['address'];?></span></li>
                    <li><span class="phone-icon"><?php echo Yii::app()->params['phone'];?></span></li>
                    <li><span class="mail-icon"><?php echo Yii::app()->params['email'];?></span></li>
                    <li><span class="chat-icon"><?php echo Yii::app()->params['chat'];?></span></li>
                </ul>

                   <div>
                       
                       <?php if(isset($this->breadcrumbs)):?>
		<?php $this->widget('zii.widgets.CBreadcrumbs', array(
			'links'=>$this->breadcrumbs,
		)); ?><!-- breadcrumbs -->
                <?php endif?>
                   </div>
            </div>
            <div id="main">
                <div id="side-bar"></div>
                <div id="main-side">
<!--                    <div class="search-form-main bg-1 radius-8px">
                        <h2> Find product you need</h2>
                        <form action="" method="get">
                           <input type="text" name="" id="" />
                        </form>
                        <p class="desc">Type keyword to search, <i>eg : computer for game, house ...</i></p>
                    </div>-->
                    <div id="main-content">
                       
                        <?php echo $content; ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
      <div id="footer" class="bg-1">
        <div class="content">
                <ul>
                    <li><span class="address-icon"><?php echo Yii::app()->params['address'];?></span></li>
                    <li><span class="phone-icon"><?php echo Yii::app()->params['phone'];?></span></li>
                    <li><span class="mail-icon"><?php echo Yii::app()->params['email'];?></span></li>
                    <li><span class="chat-icon"><?php echo Yii::app()->params['chat'];?></span></li>
                </ul>

                   <div>
                       <a href="">Trang chủ</a> |
                        <a href="">Sản phẩm</a>
                   </div>
            <p>Giấy phép ICP số 42/GP-CBC do Bộ Thông Tin và Truyền Thông cấp ngày 22/01/2011 -Copyright © chuoicungung.com, Inc. All Rights Reserved</p>
        </div>
    </div>
  </body>
</html>
<script>
    var base_url = <?php echo Yii::app()->request->baseUrl.'/index.php'; ?>
</script>
